<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>公司简介管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../../../../component/elementUI/index.css" />
    <link rel="stylesheet" href="../../../../style/index.css" />
  </head>

  <body>
    <div id="app" v-cloak class="minWidth">
      <el-card style="background-color: white">
        <el-form :inline="true" :form="form">
          <el-form-item>
            <el-button type="primary" @click="Add">添加</el-button>
          </el-form-item>
          <el-form-item>
            <el-input
              v-model="form.Primary_Key"
              clearable
              placeholder="请输入公司简介说明"
            />
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="onSerach">查询</el-button>
          </el-form-item>
        </el-form>
        <el-table
          :data="tableData"
          stripe
          border
          height="calc(100vh - 200px)"
          style="width: 100%"
        >
          <el-table-column
            align="center"
            label="序号"
            width="50"
            type="index"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="Company_Profile_SerialNumber"
            label="简介流水号"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="Company_Profile_Name"
            label="简介名称"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="Operation_Datetime"
            label="简介时间"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="Company_Profile_Status"
            label="是否生效"
          >
            <template v-slot="{row}">
              <el-tag
                :type="row.Company_Profile_Status=='0'?'danger':'success'"
              >
                {{row.Company_Profile_Status=='0'?'未生效':'生效中'}}
              </el-tag>
            </template>
          </el-table-column>
          <el-table-column align="center" label="操作" width="180">
            <template v-slot="{row}">
              <el-button
                type="primary"
                size="small"
                @click="Edit(row.Company_Profile_SerialNumber)"
                >编辑</el-button
              >
              <el-dropdown size="small" trigger="click">
                <el-button size="small" type="primary">
                  更多<i class="el-icon-arrow-down el-icon--right"></i>
                </el-button>
                <el-dropdown-menu slot="dropdown">
                  <!-- <el-dropdown-item style="margin-bottom: 5px">
                    <el-button
                      type="success"
                      size="small"
                      @click="Show(row.Company_Profile_SerialNumber)"
                      >查看</el-button
                    >
                  </el-dropdown-item> -->
                  <el-dropdown-item style="margin-bottom: 5px">
                    <el-button
                      :type="row.Company_Profile_Status=='0'?'success':'danger'"
                      size="small"
                      @click="Status(row)"
                      >{{row.Company_Profile_Status=='0'?'使用':'禁用'}}</el-button
                    >
                  </el-dropdown-item>
                  <el-dropdown-item style="margin-bottom: 5px">
                    <el-button type="danger" size="small" @click="Delete(row)"
                      >删除</el-button
                    >
                  </el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          style="margin-top: 5px"
          background
          v-show="total > 0"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="form.page"
          :page-sizes="[10, 20, 30, 50]"
          :page-size="form.limit"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
        >
        </el-pagination>
      </el-card>
    </div>
    <script
      type="text/javascript"
      src="../../../../utils/jquery-3.6.0.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../../utils/jquery.cookie.js"
    ></script>
    <script type="text/javascript" src="../../../../utils/vue.min.js"></script>
    <script
      type="text/javascript"
      src="../../../../component/elementUI/index.js"
    ></script>
    <script type="text/javascript" src="../../../../utils/utils.js"></script>
    <script type="text/javascript" src="js/CompanyProfile.js"></script>
  </body>
</html>
